<%--
  Created by IntelliJ IDEA.
  User: magee
  Date: 2021/9/9
  Time: 2:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>小滴课堂开发者论坛</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap.min.css">

</head>
<body>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="${pageContext.request.contextPath}/static/jquery-3.6.0.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="${pageContext.request.contextPath}/static/bootstrap.min.js"></script>

<div class="container">
    <ul class="nav nav-tabs">
        <c:forEach items="${categoryList}" var="category">
            <li role="presentation"><a href="${pageContext.request.contextPath}/topic?method=list&c_id=${category.id}">${category.name}</a></li>
        </c:forEach>
    </ul>
</div>

<div style="margin-top: 100px">
    <form class="form-horizontal" role="form" action="${pageContext.request.contextPath}/user?method=register" method="post">
        <!--手机号-->
        <div class="form-group">
            <label class="col-sm-2">手机号</label>
            <div class="col-lg-3">
                <input type="text" class="form-control" name="phone" placeholder="手机号">
            </div>
        </div>

        <!--用户名-->
        <div class="form-group">
            <label class="col-sm-2">用户名</label>
            <div class="col-lg-3">
                <input type="text" class="form-control" name="username" placeholder="用户名">
            </div>
        </div>

        <!--密码-->
        <div class="form-group">
            <label class="col-sm-2">密码</label>
            <div class="col-lg-3">
                <input type="password" class="form-control" name="pwd" placeholder="密码">
            </div>
        </div>

        <!--性别-->
        <div class="form-group">
            <label class="col-sm-2">男</label>
            <div class="col-lg-3">
                <input type="radio" name="sex" value="1" checked>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2">女</label>
            <div class="col-lg-3">
                <input type="radio" name="sex" value="0" checked>
            </div>
        </div>


        <!--提交-->
        <div class="form-group">
            <div class="col-sm-offset-2 col-lg-3">
                <button type="submit" class="btn btn-default">注册</button>
            </div>
        </div>
    </form>
</div>


</body>
</html>
